<template>
	    <view class="search-bar">
		 <view class="search-bar-box">
		 <input type="text" value=""  placeholder="请输入驾校名称" class="search-text" maxlength="10" @click="onFocusInput" focus/>
		 <button class="search-btn">搜索</button>
		 </view>
		</view>
	
</template>

<script>
	
</script>

<style>
	.search-bar{
		width: 100%;
		height: 100rpx;
		margin-top: 2%;
	}
	.search-bar-box{
		display: flex;
		margin: 0 auto;
		width: 620rpx;
		height: 60rpx;
		border:5rpx solid #1E90FF;
		border-radius: 50rpx;
	}
	.search-btn{
		background-color: #1E90FF; /* Green */
		color: white;
		text-align: center;
		display: inline-block;
		font-size: 30rpx;
		width: 240rpx;
		height: 60rpx;
		line-height: 60rpx;
		border-radius: 30rpx;
		letter-spacing: 3rpx;
		margin-left: 150rpx;
	}
</style>